<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="util.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<script type="text/javascript">


function ce(){
	
	var elem0 = getById("$labelEdit");
	var lb = new Label("1",elem0);
	lb.render();
	lb.setValue("edit box");
	
	var elem = getById("$edit");
	var ed = new EditBox("1",elem);
	ed.render();
	
	
	var elem1 = getById("$checkbox");
	var cb= new CheckBox("2",elem1);
	cb.render();
	
	var elem2 = getById("$combobox");
	var cbox= new ComboBox("3",elem2);
	cbox.addOption("op��o 1");
	cbox.addOption("op��o 2");
	cbox.addOption("op��o 3");
	cbox.render();
	
	var elem3 = getById("$textarea");
	var ta= new TextArea("2",elem3);
	ta.render();
	ta.setHeight(100);
	ta.setWidth(300);
	
}

</script>

<body onload="ce()">
<table>
<tr>
	<td id="$labelEdit">
	</td>
	<td>
		<div id="$edit"></div>
	</td>
</tr>
<tr>
	<td>
		checkbox
	</td>
	<td>
		<div id="$checkbox"></div>
	</td>
</tr>
<tr>
	<td>
		combobox
	</td>
	<td>
		<div id="$combobox"></div>
	</td>
</tr>
<tr>
	<td>
		textArea
	</td>
	<td>
		<div id="$textarea"></div>
	</td>
</tr>
<tr>
	<td colspan="2">
		<textarea id="$log" style="width: 800px; height: 400px;"></textarea>
	</td>
</tr>

</table>
</body>
</html>